<include file="sport_head"/>
    <div class="module-main diy-scrollbar">
        <div>
            <div>
                <div class="main-container">
    
    
    <foreach name="list" item="info">
    <div class="match-item">
        <div class="row info match-more-info">
            <div class="col-xs-3">
           </div>
            <div class="col-xs-6"><span class="match-start-time"><?php echo date('m-d',$info['match_time'])?>&nbsp;&nbsp;<?php echo date('H:i',$info['match_time'])?></span></div>
            <div class="col-xs-3">
                <span class="info-warning">滚球
                    <span aria-hidden="true" class="fa fa-futbol-o fa-spin match-icon"></span>
                </span>
            </div>
        </div>
        <div class="row team-info">
            <div class="col-xs-4 team-h-area">{$info.home_team}</div>
            <div class="col-xs-4 info-area"><span class="team-h-txt">主</span> <span class="vs-txt">VS</span> <span class="team-c-txt">客</span></div>
            <div class="col-xs-4 team-c-area">{$info.away_team}</div>
        </div>
		
    <div class="row rate-row">
            <div class="col-xs-3">1:0</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf10_h"onclick="selectMatch('{$info.match_id}','ft','bd','bf10_h','.modal');">{$info.bf10_h}</div>
            <div class="col-xs-3">0:1</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf10_c"onclick="selectMatch('{$info.match_id}','ft','bd','bf10_c','.modal');">{$info.bf10_c}</div>
        </div>
	<div class="row rate-row">
            <div class="col-xs-3">2:0</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf20_h"onclick="selectMatch('{$info.match_id}','ft','bd','bf20_h','.modal');">{$info.bf20_h}</div>
            <div class="col-xs-3">0:2</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf20_c"onclick="selectMatch('{$info.match_id}','ft','bd','bf20_c','.modal');">{$info.bf20_c}</div>
        </div>
<div class="row rate-row">
            <div class="col-xs-3">2:1</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf21_h"onclick="selectMatch('{$info.match_id}','ft','bd','bf21_h','.modal');">{$info.bf21_h}</div>
            <div class="col-xs-3">1:2</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf21_c"onclick="selectMatch('{$info.match_id}','ft','bd','bf21_c','.modal');">{$info.bf21_c}</div>
        </div>
<div class="row rate-row">
            <div class="col-xs-3">3:0</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf30_h"onclick="selectMatch('{$info.match_id}','ft','bd','bf30_h','.modal');">{$info.bf30_h}</div>
            <div class="col-xs-3">0:3</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf30_c"onclick="selectMatch('{$info.match_id}','ft','bd','bf30_c','.modal');">{$info.bf30_c}</div>
        </div>
<div class="row rate-row">
            <div class="col-xs-3">3:1</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf31_h"onclick="selectMatch('{$info.match_id}','ft','bd','bf31_h','.modal');">{$info.bf31_h}</div>
            <div class="col-xs-3">1:3</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf31_c"onclick="selectMatch('{$info.match_id}','ft','bd','bf31_c','.modal');">{$info.bf31_c}</div>
        </div>
<div class="row rate-row">
            <div class="col-xs-3">3:2</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf32_h"onclick="selectMatch('{$info.match_id}','ft','bd','bf32_h','.modal');">{$info.bf32_h}</div>
            <div class="col-xs-3">2:3</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf32_c"onclick="selectMatch('{$info.match_id}','ft','bd','bf32_c','.modal');">{$info.bf32_c}</div>
        </div>
<div class="row rate-row">
            <div class="col-xs-3">4:0</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf40_h"onclick="selectMatch('{$info.match_id}','ft','bd','bf40_h','.modal');">{$info.bf40_h}</div>
            <div class="col-xs-3">0:4</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf40_c"onclick="selectMatch('{$info.match_id}','ft','bd','bf40_c','.modal');">{$info.bf40_c}</div>
        </div>
<div class="row rate-row">
            <div class="col-xs-3">4:1</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf41_h"onclick="selectMatch('{$info.match_id}','ft','bd','bf41_h','.modal');">{$info.bf41_h}</div>
            <div class="col-xs-3">1:4</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf41_c"onclick="selectMatch('{$info.match_id}','ft','bd','bf41_c','.modal');">{$info.bf41_c}</div>
        </div>
<div class="row rate-row">
            <div class="col-xs-3">4:2</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf42_h"onclick="selectMatch('{$info.match_id}','ft','bd','bf42_h','.modal');">{$info.bf42_h}</div>
            <div class="col-xs-3">2:4</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf42_c"onclick="selectMatch('{$info.match_id}','ft','bd','bf42_c','.modal');">{$info.bf42_c}</div>
        </div>
<div class="row rate-row">
            <div class="col-xs-3">4:3</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf43_h"onclick="selectMatch('{$info.match_id}','ft','bd','bf43_h','.modal');">{$info.bf43_h}</div>
            <div class="col-xs-3">3:4</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf43_c"onclick="selectMatch('{$info.match_id}','ft','bd','bf43_c','.modal');">{$info.bf43_c}</div>
        </div>
<div class="row rate-row">
            <div class="col-xs-3">0:0</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf00"onclick="selectMatch('{$info.match_id}','ft','bd','bf00','.modal');">{$info.bf00}</div>
            <div class="col-xs-3">1:1</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf11"onclick="selectMatch('{$info.match_id}','ft','bd','bf11','.modal');">{$info.bf11}</div>
        </div>
<div class="row rate-row">
            <div class="col-xs-3">2:2</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf22"onclick="selectMatch('{$info.match_id}','ft','bd','bf22','.modal');">{$info.bf22}</div>
            <div class="col-xs-3">3:3</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf33"onclick="selectMatch('{$info.match_id}','ft','bd','bf33','.modal');">{$info.bf33}</div>
        </div>
<div class="row rate-row">
            <div class="col-xs-3">4:4</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="bf44"onclick="selectMatch('{$info.match_id}','ft','bd','bf44','.modal');">{$info.bf44}</div>
            <div class="col-xs-3">其他</div>
            <div class="col-xs-3 rate-btn" data-id="{$info.match_id}" data-btype="other"onclick="selectMatch('{$info.match_id}','ft','bd','other','.modal');">{$info.other}</div>
        </div>		
	
		</div>
   </foreach>

   </div>
    
</div>
            </div>
        </div>
    </div>


</div>
</div>

<div class="modal fade in" tabindex="-1" role="dialog" id="_modal_id_6"><div class="modal-dialog modal-lg" role="document" aria-hidden="true"><div class="modal-content"><div class="modal-header"><button type="button" class="close" aria-label="Close" onclick="hideModal('.modal');"><span aria-hidden="true">×</span></button><h4 class="modal-title">{$info.match_name}</h4></div><div class="modal-body"><iframe scrolling="no" frameborder="no" border="0" src="" width="100%" height="0" name="orderFrame" id="orderFrame"></iframe></div></div></div></div>

<script>
function selectMatch(match_id,stype,type,btype,obj){
    var modal = $(obj);
    modal.show();

  if( type =='ds'){
     $("#orderFrame").attr("src","/index.php/sport/order/match_id/"+match_id+"?stype="+stype+"&type="+type+"&btype="+btype);
   // $("#orderFrame").attr("src","/index.php/sport/match_bet");
  }else{
    $("#orderFrame").attr("src","/index.php/sport/order/match_id/"+match_id+"?stype="+stype+"&type="+type+"&btype="+btype);
  }
}

function hideModal(obj){
  var modal = $(obj);
  if(modal.length > 0){ 
    modal.hide(); 
  }
} 
function frameHeight(id,height){
    var initHeight = $("#"+id).attr('height');
    if( height>initHeight){
        $("#"+id).height(height);
    }else{
        $("#"+id).height(initHeight);
    }
}
</script>
</body>
</html>